<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/*1.抓到图片元素*/
			img{
				transition: transform 1s;
			}
			/*2.在图片上旋转*/
			img:hover{
				transform: rotate(360000000000000deg);	
			}
		</style>
	</head>
	<body>
		<!-- 音视频元素 --参考图片元素写法  video audio 
		html5针对属性和属性值一致情况：省去属性值autoplay
		-->
		<vi deo src="img/oceans-clip.mp4" autoplay></video>
		<audio src="img/dafengche.mp3" autoplay ></audio>
		<!-- 1.大风车图片引入 -->
		<img src="img/dfc.jpg" alt="大风车" />
	</body>
</html>